@charset "utf-8";

.view{padding:0;word-wrap:break-word;cursor:text;}
body{font-family:"Microsoft YaHei";font-size:14px;color:#363636;margin:0px;word-wrap:break-word;word-break:break-all;}
img{max-width:100%;}
p{margin:0;margin-bottom:5px;min-height:19px;}
code{color:#696969;background:#eee;padding:2px 5px;display: inline-block;margin:0 5px;border-radius:3px;border:1px solid #dedede;}
.pux-code{font-family:Courier New;font-size:13px;line-height:20px;white-space:pre-wrap;}
table{margin:10px 0;}
table td{padding:8px;line-height:1.42857143;border:1px solid #bdbdbd;}
pre{background:#f3f3f3;padding:10px;border-radius:3px;font-family:"Microsoft YaHei";}
.PXtext-horizontal{display: flex;display:-webkit-flex;align-items:baseline;}
.PXtext-vertical{-webkit-writing-mode: vertical-rl;writing-mode:vertical-rl;}
.PXtext-horizontal,.PXtext-vertical{
	position:absolute;padding:5px;width:532px;
	&.Box{}
}
.kuang{box-sizing:border-box;border:1px solid #0f0;width:100%;height:100%;position:absolute;left:0px;top:0px;}
.kuang .dian{position: absolute;width: 10px;height: 10px;border-radius: 50%;background:#0f0;}
.kuang .left_top{left: -5px;top: -5px;}
.kuang .right_top {right: -5px;top: -5px;}
 
.kuang .left_bottom {
 left: -5px;
 bottom: -5px;
 }
 
.kuang .right_bottom {
 right: -5px;
 bottom: -5px;
 }
 
.kuang .top {
 top: -5px;
 left: 50%;
 transform: translateX(-50%);
 }
 
.kuang .bottom {
 bottom: -5px;
 left: 50%;
 transform: translateX(-50%);
 }
 
.kuang .left {
 left: -5px;
 top: 50%;
 transform: translateY(-50%);
 }
 
.kuang .right {
 right: -5px;
 top: 50%;
 transform: translateY(-50%);
 }